<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="keywords" content="微信全民拼团,客牛微传,客牛拼团">
    <meta name="description" content="微信全民拼团,客牛微传,客牛拼团">
    <title>万人接龙编辑页</title>
    <!-- 动态rem解决方案 -->
    <script>
      var width = document.documentElement.clientWidth;
      var scale = width / 375;
      var css = 'html{font-size:' +
        37.5 * scale +
        'px;}';
      document.write('<style>' + css + '</style>');
    </script>
        <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>
</head>
<body>
<div id="app" v-cloak>
    <func-banner :mananger='false'></func-banner>
    <div class="container">
        <edit-header :header="Header"></edit-header>
        <main>
            <select-time :timeselect="TimeSet"></select-time>
            <div class="activity_rules" v-if="!HasJoiners">
                <p style="text-align: center;
                color:#f00;
    padding-bottom: 0.4rem;
    font-weight: 600;">以下参数有人报名之后不可修改</p>
                <div class="price_set">
                    <div>接龙定金:<input type="number" inputmode="numeric" pattern="[0-9]*" v-model="Prizes.BeforePrice"
                                     id="original_price">元
                    </div>
                    <p>定金设置建议不高于100元,不低于1元,提现时会扣除2.5%手续费</p>
                </div>
                <div class="both"></div>
                <div class="price_set">
                    <div>参与接龙人数上限<input type="number" inputmode="numeric" pattern="[0-9]*" v-model="Prizes.MaxPerson"
                                        id="min_price">人
                    </div>
                    <p>人数达到上限,则无法报名,最多支持10000人</p>
                </div>
                <div class="both"></div>
                <div class="price_set">
                    <div>接龙原价<input type="number" inputmode="numeric" pattern="[0-9]*" v-model="Prizes.MaxPrice">元/人
                    </div>
                    <p>当人用户报名数小于第一个阶梯时价格</p>
                </div>
                <div class="both"></div>
                <div class="price_set">
                    <div>设置阶梯优惠</div>
                    <p>最多设置5个阶梯,阶梯优惠设置后,如有用户报名则不可修改</p>
                </div>
                <div class="all_prize_set">
                    <div class="prize_price_set" v-for="(item,index) in Prizes.LadderArr">
                        <div class="prize_price_set_detail">
                            <div>
                                <p>接龙人数满</p>
                                <input type="number" inputmode="numeric" pattern="[0-9]*" v-model="item.PeoNum">
                                <p>人,每人只需要:</p>
                                <input type="number" inputmode="numeric" pattern="[0-9]*" v-model="item.Price">
                                <p>元</p>
                            </div>
                            <input type="text" placeholder="可以填写额外奖励,不填则不显示" v-model="item.AddMsg">
                        </div>
                        <div class="delete_prize" v-on:click="DeleteLadder(index)"></div>
                        <div class="price_order">{{index + 1}}</div>
                    </div>
                </div>
                <div class="add_prize" v-on:click="AddLadder">增加新的接龙阶梯</div>
            </div>
            <div class="activity_rules" v-else>
                <p style="text-align: center;
                color:#f00;
    padding-bottom: 0.4rem;
    font-weight: 600;">已有人报名,参数不可修改</p>
                <div class="price_set">
                    <div>接龙定金:{{Prizes.BeforePrice}}元
                    </div>
                    <p>定金设置建议不高于100元,不低于1元,提现时会扣除2.5%手续费</p>
                </div>
                <div class="both"></div>
                <div class="price_set">
                    <div>参与接龙人数上限{{Prizes.MaxPerson}}人
                    </div>
                    <p>人数达到上限,则无法报名,最多支持10000人</p>
                </div>
                <div class="both"></div>
                <div class="price_set">
                    <div>接龙原价{{Prizes.MaxPrice}}元/人
                    </div>
                    <p>当人用户报名数小于第一个阶梯时价格</p>
                </div>
                <div class="both"></div>
                <div class="price_set">
                    <div>设置阶梯优惠</div>
                    <p>最多设置5个阶梯,阶梯优惠设置后,如有用户报名则不可修改</p>
                </div>
                <div class="all_prize_set">
                    <div class="prize_price_set" v-for="(item,index) in Prizes.LadderArr">
                        <div class="prize_price_set_detail">
                            <div>
                                <p>接龙人数满</p>{{item.PeoNum}}
                                <p>人,每人只需要:</p>{{item.Price}}
                                <p>元</p>
                            </div>
                            <p>{{item.AddMsg}}</p>
                        </div>
                        <div class="price_order">{{index + 1}}</div>
                    </div>
                </div>
            </div>


            <g-section v-on:child-say="listenSectionChange" :sedata="Content"></g-section>

            <!-- 额外信息-->
            <edit-addmsg :footeradd="AddMsg"></edit-addmsg>
        </main>
    </div>
    <div class="both"></div>
    <div class="both"></div>
    <div class="both"></div>
    <div class="both"></div>
    <div class="both"></div>
    <div class="both"></div>
    <div class="footer">
        <a id="preview" v-on:click="saveActDetail(1)">预览活动</a>
        <a class="right" id="presave" v-on:click="saveActDetail(2)">保存活动</a>
    </div>
</div>
</body>
</html>